<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
            .box{
                width: 100px;
                height: 100px;
                background-color: #f00;
            }
        </style>
    </head>

    <body>
       <div class="box"></div>
       <script>
           var box = document.getElementsByClassName('box')[0];
           function getStyle(ele,style){
               if(ele.currentStyle){
                   return ele.currentStyle[style]
               }else{
                   return getComputedStyle(ele)[style];
               }
           }
            // 事件对象
           box.onmousemove = function(e){
                console.log(e.clientX)
                console.log(e.clientY)
                // console.log(e.offsetX)
                // console.log(e.offsetY)
           }

        //    box.onclick = function(event){



        //     //    setInterval(function(){
        //     //        var width = parseInt(getStyle(box,'width'));
        //     //        box.style.width = width + 1 + 'px';
        //     //    },50)
        //    }
       </script>
       
    </body>

</html>